<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>优先级</title>
        <style type="text/css">

            h3 {
                text-align: center;
            }

            div.wrapper {
                color: blue !important;
            }

            .wrapper {
                width: 80vw;
                border: 1px solid blue;
                margin: auto;
                color: red;
            }

        </style>
    </head>

    <body>
        <h3>优先级(specificity)</h3>
        <div class="wrapper" style="color: green">
            <p>落霞与孤鹜齐飞，秋水共长天一色</p>
            <p>卧槽，好多的鸟，哎吆，卧槽，这鸟真他妈多</p>
        </div>
    </body>
</html>